<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<script type="text/javascript" src="/deng/include/include-css.js"></script>
	<link href="/deng/source/css/bootlist.css" rel="stylesheet" type="text/css" />
	<meta charset="UTF-8">
	<title>流程发布版本记录</title>
	<style>
		.modal-lg {
			max-width: 95%;
			/*width: 75%;*/
			max-width: none;
		}

	</style>
</head>
<body>
	<div class="m-content">
		<div class="m-portlet">
			<!--<div class="m-portlet__head">
				<div class="m-portlet__head-caption">
					<div class="m-portlet__head-title">
						<h3 class="m-portlet__head-text">
							<span class="m-accordion__item-icon"><i class="flaticon-search"></i>查询区域</span>
						</h3>
					</div>
				</div>
			</div>-->
			<!--begin::Form-->
			<form class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed " method="POST" id="searchForm">
				<input type="hidden" name="lc_process_id" id= "lc_process_id">
				<div class="m-portlet__body">
					<div class="col m--align-left">
					</div>
					<div class="col m--align-right">
						<a href="javascript:delLcDeploymentHis(0)" class="btn btn-light-primary font-weight-bold mr-2">
							<span><i class="la la-plus la-lg"></i><span>发 布</span></span>
						</a>
						<a class="btn btn-light-danger font-weight-bold mr-2" href="javascript:delLcDeploymentHis(1)">
							<span><i class="fa fa-times"></i><span>暂 停</span></span>
						</a>
						<a class="btn btn-light-success font-weight-bold mr-2" href="javascript:search('datatables')">
							<span><i class="fa fa-spin fa-refresh m-r-5"></i><span>刷 新</span></span>
						</a>
					</div>
				</div>
				<div class="m-portlet__foot m-portlet__no-border m-portlet__foot--fit">
					<div class="m-form__actions m-form__actions--solid">
						<div class="row">
							<div class="col m--align-left">

							</div>
							<div class="col m--align-right">

							</div>
						</div>
					</div>
				</div>
			</form>
			<!--end::Form-->
		</div>
		<table id="datatables" class="table table-bordered table-striped table-hover" style="white-space: nowrap; width: 99.9%;">
			<thead>
			<tr>
				<th><label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"><input type="checkbox" class="checkall" /><span></span></label></th>
				<th>序号</th>
				<th>部署编号</th>
				<th>#</th>
				<th>名称</th>
				<th>部署时间</th>
				<th>版本</th>
				<th>租户编号</th>
				<th>状态</th>
				<th>标识</th>
				<!--<th>产品线</th>
				<th>产品组</th>-->
				<th>创建人</th>
				<th>创建时间</th>
			</tr>
			</thead>
		</table>
	</div>

	<!-- 版本详情模态框（Modal）开始 -->
	<div class="modal fade" id="lcDeploymentHisDetailModal" tabindex="-1" role="dialog" aria-labelledby="lcDeploymentHisDetailModalLabel" aria-hidden="true">
		<div class="modal-dialog modal-lg" id="lcDeploymentHisDetailModalDialog">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="lcDeploymentHisDetailModalLabel">
						版本详情<label style="font-size: 20px" id="lc_deployment_his_status"></label>
					</h4>
					<button type="button" class="close" data-dismiss="modal" onclick="closeWin()" aria-hidden="true">
						&times;
					</button>
				</div>
				<div class="modal-body">
					<div class="panel-body" id="lcDeploymentHisDetailPanelBody">
						<form class="form-horizontal" id="defaultForm" method="post" style='height:350px;overflow: auto;'>
							<div class="form-group m-form__group row">
								<label class="col-lg-2 col-form-label">部署编号</label>
								<div class="col-lg-6">
									<input class="form-control" type="text" id="lc_deployment_his_id" >
								</div>
							</div>
							<div class="form-group m-form__group row">
								<label class="col-lg-2 col-form-label">名称</label>
								<div class="col-lg-6">
									<input class="form-control" type="text" maxlength="50"  id="lc_deployment_his_name">
								</div>
							</div>
							<div class="form-group m-form__group row">
								<label class="col-lg-2 col-form-label">部署时间</label>
								<div class="col-lg-6">
									<input class="form-control" type="text" id="lc_deployment_his_time" >
								</div>
							</div>
							<div class="form-group m-form__group row">
								<label class="col-lg-2 col-form-label">租户</label>
								<div class="col-lg-6">
									<input class="form-control" type="text" id="lc_deployment_his_tenantId" >
								</div>
							</div>
							<div class="form-group m-form__group row">
								<label class="col-lg-2 col-form-label">流程定义id</label>
								<div class="col-lg-6">
									<input class="form-control" type="text" id="uid" >
								</div>
							</div>
							<div class="form-group m-form__group row">
								<label class="col-lg-2 col-form-label">流程定义键</label>
								<div class="col-lg-6">
									<input class="form-control" type="text" id="uk" >
								</div>
							</div>
							<div class="form-group m-form__group row">
								<label class="col-lg-2 col-form-label">产品线</label>
								<div class="col-lg-6">
									<input class="form-control" type="text" id="name" >
								</div>
							</div>
							<div class="form-group m-form__group row">
								<label class="col-lg-2 col-form-label">产品组</label>
								<div class="col-lg-6">
									<input class="form-control" type="text" id="groupName" >
								</div>
							</div>
							<div class="form-group m-form__group row">
								<label class="col-lg-2 col-form-label">标识</label>
								<div class="col-lg-6">
									<input class="form-control" type="text" id="lc_process_flag" >
								</div>
							</div>
							<div class="form-group m-form__group row">
								<label class="col-lg-2 col-form-label">宽度</label>
								<div class="col-md-2">
									<input class="form-control" type="text"  id="w">
								</div>
							</div>
							<div class="form-group m-form__group row">
								<label class="col-lg-2 col-form-label">高度</label>
								<div class="col-md-2">
									<input class="form-control" type="text"  id="h">
								</div>
							</div>
						</form>
					</div>
				</div>
				<!--<div class="modal-footer">
					<button type="button" class="btn btn-secondary m-btn m-btn&#45;&#45;custom m-btn&#45;&#45;icon" data-dismiss="modal">关闭</button>
				</div>-->
			</div><!-- /.modal-content -->
		</div><!-- /.modal -->
	</div>
	<!-- 版本详情模态框（Modal）结束 -->

	<!-- 流程图模态框（Modal）开始 -->
	<div class="modal fade" id="lcDeploymentHisImageModal" tabindex="-1" role="dialog" aria-labelledby="lcDeploymentHisImageModalLabel" aria-hidden="true">
		<div class="modal-dialog modal-lg" id="lcDeploymentHisImageModalDialog">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="lcDeploymentHisImageModalLabel">
						流程图
					</h4>
					<button type="button" class="close" data-dismiss="modal" onclick="closeWin()" aria-hidden="true">
						&times;
					</button>
				</div>
				<div class="modal-body">
					<div class="panel-body" id="lcDeploymentHisImagePanelBody">
						<form class="form-horizontal" id="defaultImageForm" method="post" style='height:calc(100vh - 220px);overflow: auto;'>
							<div class="form-group m-form__group row">
								<img src="" id="imagePath">
							</div>
						</form>
					</div>
				</div>
				<!--<div class="modal-footer">
					<button type="button" class="btn btn-secondary m-btn m-btn&#45;&#45;custom m-btn&#45;&#45;icon" data-dismiss="modal">关闭</button>
				</div>-->
			</div><!-- /.modal-content -->
		</div><!-- /.modal -->
	</div>
	<!-- 流程图模态框（Modal）结束 -->

	<!-- 流程节点属性模态框（Modal）开始 -->
	<div class="modal fade" id="lcNodeAttributeSelectModal" tabindex="-1" role="dialog" aria-labelledby="lcNodeAttributeModalLabel" aria-hidden="true">
		<div class="modal-dialog modal-lg" id="lcNodeAttributeModalDialog">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="lcNodeAttributeModalLabel">
						流程节点列表
					</h4>
					<button type="button" class="close" data-dismiss="modal" onclick="closeWin()" aria-hidden="true">
						&times;
					</button>
				</div>
				<div class="modal-body" id="lcNodeAttributeBody" style="overflow:auto;">
					<div class='card-body'>
						<div class='row' style='height:400px;overflow: auto;'>
							<div class='col-md-2' id='TabCol'>
								<div class="nav flex-column nav-tabs nav-tabs-vertical mb-4 mb-xl-0">
									<a href="#v-pills-home2" data-toggle="pill" class="active show">流程节点</a>
									<a href="#v-pills-messages3" data-toggle="pill" class="">业务表单</a>
								</div>
							</div>
							<div class='col-md-10'>
								<div class="tab-content tab-content-default">
									<div class="tab-pane fade active show" id="v-pills-home2">
										<div class="panel panel-default" style="display: none;">
											<div class="m-content">
												<div class="m-portlet">
													<div class="m-portlet__head">
														<div class="m-portlet__head-caption">
															<div class="m-portlet__head-title">
																<h3 class="m-portlet__head-text">
																	<span class="m-accordion__item-icon"><i class="flaticon-search"></i>查询区域</span>
																</h3>
															</div>
														</div>
													</div>
												</div>
												<form method="POST" class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed" id="searchFormlcNodeAttribute" >
													<div class="form-group m-form__group row">
														<label class="col-form-label">名称:</label>
														<div class="col-lg-2">
															<input type="text" class="form-control" name="name" placeholder="请输入名称">
														</div>
													</div>
													<div class="m-portlet__foot m-portlet__no-border m-portlet__foot--fit">
														<div class="m-form__actions m-form__actions--solid">
															<div class="form-group m-form__group row">
																<div class="col m--align-left">
																	<a href="javascript:search('lcNodeAttributeDatatables')" class="btn btn-info m-btn m-btn--custom m-btn--icon">
																		<span><i class="fa fa-search"></i><span>检索</span></span>
																	</a>
																	<a href="javascript:resetAll('searchFormlcNodeAttribute');" class="btn btn-secondary m-btn m-btn--custom m-btn--icon">
																		<span><i class="fa fa-repeat"></i><span>清空条件</span></span>
																	</a>
																</div>
															</div>
														</div>
													</div>
												</form>
											</div>
										</div>
										<table id="lcNodeAttributeDatatables" class="table table-bordered table-striped table-hover" style="white-space: nowrap;">
											<thead>
											<tr>
												<th>序号</th>
												<th>名称</th>
												<th>节点编号</th>
												<th>通知类型</th>
												<th>操作</th>
											</tr>
											</thead>
										</table>
									</div>
									<div class="tab-pane fade" id="v-pills-messages3">

									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				</div>-->
			</div><!-- /.modal-content -->
		</div><!-- /.modal -->
	</div>
	<!-- 流程节点属性模态框（Modal）结束 -->

	<!-- 业务Key模态框（Modal）开始 -->
	<div class="modal fade" id="businessKeyModal" tabindex="-1" role="dialog" aria-labelledby="businessKeyModalLabel" aria-hidden="true">
		<div class="modal-dialog" id="businessKeyModalDialog">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="businessKeyModalLabel">
						标题
					</h4>
					<button type="button" class="close" data-dismiss="modal" onclick="closeWin()" aria-hidden="true">
						&times;
					</button>
				</div>
				<div class="modal-body">
					<div class="panel-body" id="businessKeyPanelBody">
						<form class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed" id="businessKeyForm" method="post" style='height:350px;overflow: auto;'>
							<div class="form-group m-form__group row">
								<label class="col-lg-3 col-form-label">业务Key</label>
								<div class="col-lg-6">
									<input class="form-control" type="hidden" maxlength="50" name="lc_deployment_his_id" id="lc_deployment_his_id_">
									<input class="form-control" type="text" maxlength="50" name="businessKey" id="businessKey">
								</div>
							</div>
							<div class="m-portlet__foot m-portlet__foot--fit">
								<div class="m-form__actions m-form__actions--right">
									<div class="row">
										<div class="col m--align-left">
											<a class="btn btn-light-success font-weight-bold mr-2" href="javascript:doStartProcessInstanceByKey()">提 交</a>
										</div>
										<div class="col m--align-right">
										</div>
									</div>
								</div>
							</div>
						</form>
					</div>
				</div>
				<!--<div class="modal-footer">
					<button type="button" class="btn btn-secondary m-btn m-btn&#45;&#45;custom m-btn&#45;&#45;icon" data-dismiss="modal">提交</button>
				</div>-->
			</div><!-- /.modal-content -->
		</div><!-- /.modal -->
	</div>
	<!-- 业务Key模态框（Modal）结束 -->

	<!-- 办理任务操作模态框（Modal）开始 -->
	<div class="modal fade" id="dynamicActiviImplModal" tabindex="-1" role="dialog" aria-labelledby="dynamicActiviImplModalLabel" aria-hidden="true">
		<div class="modal-dialog modal-lg" id="dynamicActiviImplModalDialog">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="dynamicActiviImplModalLabel">
						办理任务
					</h4>
					<!--<button type="button" class="close" data-dismiss="modal"  aria-hidden="true">&times;</button>-->
				</div>
				<div class="modal-body">
					<div class="panel-body" id="dynamicActiviImplPanelBody" style="overflow:auto;">
						<div class="panel panel-default">
							<form method="POST" id="dynamicActiviImplForm" class="m-form m-form--fit m-form--label-align-right m-form--group-seperator-dashed">
								<input type="hidden" id="moduleKey" name="moduleKey">
								<!--<input type="hidden" id="opinion" name="opinion">-->
								<input type="hidden" id="mutilValue" name="mutilValue">
								<!--<input type="hidden" id="behavior" name="behavior">-->
								<div class="form-group m-form__group row">
									<label class="col-lg-2 col-form-label">发起类型</label>
									<div class="col-lg-4">
										<select class="form-control" id="complated" name="complated" onchange="changeType()">
											<option value="10">发起流程实例并完成第一个节点</option>
											<option value="20">发起流程实例不完成第一个节点</option>
										</select>
									</div>
								</div>
								<!--<div class="form-group m-form__group row" style="display: none;" id="activityIdDIV">
									<label class="col-lg-2 col-form-label">目标节点</label>
									<div class="col-lg-2">
										<select class="form-control" id="lcJumpRules" name="lcReceiveParams[][activityId]">
											<option value="">请选择</option>
										</select>
									</div>
								</div>-->
								<div class="form-group m-form__group row">
									<label class="col-lg-2 col-form-label">标题</label>
									<div class="col-lg-4">
										<input class="form-control" id="title" name="title" maxlength="64">
									</div>
								</div>
								<div class="form-group m-form__group row">
									<label class="col-lg-2 col-form-label">业务Key</label>
									<div class="col-lg-4">
										<input class="form-control" name="businessKey" maxlength="32">
									</div>
								</div>
								<div class="form-group m-form__group row">
									<label class="col-lg-2 col-form-label">备注</label>
									<div class="col-lg-8">
										<textarea class="form-control" rows="3" id="remark" name="remark" maxlength="800"></textarea>
									</div>
								</div>
								<!--<div class="form-group m-form__group row">
									<label class="col-lg-2 col-form-label">审批类型</label>
									<div class="col-lg-2">
										<select class="form-control" id="nodeBtnId" name="nodeBtnId" onchange="changeAttribute(this)">
											<option value="">请选择</option>
										</select>
									</div>
								</div>-->
								<div class="form-group m-form__group row" id="mutilValueDIV">
									<label class="col-lg-2 col-form-label" id="mutilValueLabel">处理人</label>
									<div class="col-lg-4">
										<div class="input-group">
											<input type="text" readonly class="form-control m-input" id="mutilValueText" placeholder="请选择" aria-describedby="basic-addon2">
											<div class="input-group-append">
											<span style="cursor:pointer;" class="input-group-text" onclick="resetUsersBl()">
												<i class="fa fa-times"></i>
											</span>
											</div>
											<div class="input-group-append">
											<span  style='cursor:pointer;' class="input-group-text" onclick='initUsersBl()'>
												<i class="flaticon-user-ok"></i>
											</span>
											</div>
										</div>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
				<div class="modal-footer" id="btnModules">
					<button class="btn btn-light-success font-weight-bold mr-2 m-btn m-btn--custom m-btn--icon" data-dismiss="modal">取 消</button>
					<button type="button" class="btn btn-light-primary font-weight-bold mr-2 m-btn m-btn--custom m-btn--icon" onclick="doTaskAction()">提 交</button>
				</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal -->
	</div>
	<!--办理任务操作模态框（Modal）结束 -->

	<!-- 办理任务审批人模态框（Modal）开始 -->
	<div class="modal fade" id="usersBlModal" tabindex="-1" role="dialog" aria-labelledby="usersBlModalLabel" aria-hidden="true">
		<div class="modal-dialog modal-lg" id="usersBlModalDialog">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="usersBlModalLabel">
						人员选择器
					</h4>
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				</div>
				<div class="modal-body">
					<div class="panel-body" id="usersBlPanelBody" style="overflow:auto;">
						<div class="panel panel-default">
							<fieldset>
								<legend>查询区域</legend>
								<form method="POST" class="m-form m-form--fit m-form--label-align-right m-form--group-seperator-dashed" id="searchFormusersBl">
									<div class="form-group m-form__group row">
										<label class="col-form-label">隶属部门</label>
										<div class="col-md-2 ">
											<input type="text" class="form-control" name="xt_departinfo_name" placeholder="请输入">
										</div>
										<label class="col-form-label">岗位</label>
										<div class="col-md-2">
											<input type="text" class="form-control" name="xt_post_name" placeholder="请输入">
										</div>
										<label class="col-form-label">姓名</label>
										<div class="col-md-2">
											<input type="text" class="form-control" name="xt_userinfo_realName" placeholder="请输入">
										</div>
										<label class="col-form-label">账号</label>
										<div class="col-md-2">
											<input type="text" class="form-control" name="xt_userinfo_name" placeholder="请输入">
										</div>
										<a href="javascript:search('usersBlDatatables')" class="btn btn-light-primary font-weight-bold mr-2 m-btn m-btn--custom m-btn--icon">
											<span><i class="fa fa-search"></i><span>检索</span></span>
										</a>
										<a href="javascript:resetAll('searchFormusersBl');" class="btn btn-light-success font-weight-bold mr-2 m-btn m-btn--custom m-btn--icon">
											<span><i class="fa fa-repeat"></i><span>清空条件</span></span>
										</a>
									</div>
								</form>
							</fieldset>
						</div>
						<div class="panel-body">
							<table id="usersBlDatatables" class="table table-bordered table-striped table-hover">
								<thead>
								<tr>
									<th><label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"><input type="checkbox" class="checkallusersBl" /><span></span></label></th>
									<th>序号</th>
									<th>账号</th>
									<th>姓名</th>
									<th>联系电话</th>
									<th>籍贯</th>
									<th>生日</th>
									<th>电子邮件</th>
								</tr>
								</thead>
							</table>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-light-success font-weight-bold mr-2 m-btn m-btn--custom m-btn--icon" data-dismiss="modal">取 消</button>
					<button type="button" class="btn btn-light-primary font-weight-bold mr-2 m-btn m-btn--custom m-btn--icon" onclick="doSelectUsersBl();">确 认</button>
				</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal -->
	</div>
	<!-- 办理任务审批人模态框（Modal）结束 -->
</body>
<script type="text/javascript" src="/deng/include/include.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-deployment-his/lc-deployment-his-list.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-deployment-his/lc-start.js"></script>
<link href="/deng/source/plugins/newAdmin/datatables/1.12.1/FixedHeader-3.2.3/css/fixedHeader.dataTables.css" rel="stylesheet" type="text/css" />
<link href="/deng/source/plugins/newAdmin/datatables/1.12.1/FixedColumns-4.1.0/css/fixedColumns.dataTables.css" rel="stylesheet" type="text/css" />
<link href="/deng/source/plugins/newAdmin/datatables/1.12.1/Scroller-2.0.6/css/scroller.dataTables.css" rel="stylesheet" type="text/css" />
<link href="/deng/source/plugins/newAdmin/datatables/1.12.1/ColReorder-1.5.6/css/colReorder.dataTables.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/deng/source/plugins/newAdmin/datatables/1.12.1/FixedHeader-3.2.3/js/dataTables.fixedHeader.min.js"></script>
<script type="text/javascript" src="/deng/source/plugins/newAdmin/datatables/1.12.1/FixedColumns-4.1.0/js/dataTables.fixedColumns.min.js"></script>
<script type="text/javascript" src="/deng/source/plugins/newAdmin/datatables/1.12.1/Scroller-2.0.6/js/scroller.dataTables.min.js"></script>
<script type="text/javascript" src="/deng/source/plugins/newAdmin/datatables/1.12.1/ColReorder-1.5.6/js/colReorder.dataTables.min.js"></script>
<style>
	.tab-content {
		padding: 0px 0 0 0;
	}
	a {
		text-decoration: none;
	}
	/*正常的未被访问过的链接*/
	a:link {
		text-decoration: none;
	}
	/*已经访问过的链接*/
	a:visited {
		text-decoration: none;
	}
	/*鼠标划过(停留)的链接*/
	a:hover {
		text-decoration: none;
	}
	/* 正在点击的链接*/
	a:active {
		text-decoration: none;
	}
	.nav-tabs-vertical a.active {
		color: #409eff;
		border-right: 1px solid #409eff;
		border-top: 0;
		border-left: 0;
	}
	.nav-tabs-vertical a, .user-intro h4, .user-skill .user-info li h5 {
		margin-bottom: .5rem;
	}

	.nav-tabs a {
		text-align: left;
		padding: .9rem;
		color: #464a53;
		font-size: 1.1rem;
	}

	.tab-content {
		padding: 5px 0 0 0;
	}
</style>
</html>